<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../css/deom.css">
    <script type="text/javascript">
    window.onload = function(){
    var div = document.createElement("div");
    div.id = "box";
    document.body.appendChild(div);

    // 创建把子
    var one = document.createElement("div");
    one.id = "one";
    div.appendChild(one);
    // 创建风叶
    var two = document.createElement("div");
    two.id = "two";
    div.appendChild(two);
    div.appendChild(two);

    var num1 = document.createElement("div");
    num1.id = "fy1";
    two.appendChild(num1);

    var num2 = document.createElement("div");
    num2.id = "fy2";
    two.appendChild(num2);

    var num3 = document.createElement("div");
    num3.id = "fy3";
    two.appendChild(num3);

    var num4 = document.createElement("div");
    num4.id = "fy4";
    two.appendChild(num4);

    // 创建钉子
    var three = document.createElement("div");
    three.id = "three";
    div.appendChild(three);
    }
    </script>
</head>
<body>
   <!-- <div id="box"></div>  -->
</body>
</html>